<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS显示模式之块级元素</title>
    <style>
        div {
            height: 200px;
            width: 200px;
            background-color: pink;
        }
    </style>
</head>

<body>
    <div>比较霸道，自己独占一行</div>
    瑟瑟发抖
    <br>
    常见的块级元素
    <br>
    h p div ul ol li
    <br>
    块状元素的特点
    <br>
    <ol>
        <li>比较霸道，自己独占一行</li>
        <li>高度，宽度，外边距以及内边距都可以控制</li>
        <li>宽度默认是容器（父级宽度）的100%</li>
        <li>是一个容器及盒子，里面可以放行内元素或块级元素</li>
    </ol>
    <br>
    文字类的元素内不能使用块级元素，如p，h等

</body>

</html>